body { 
  	position:static;
  	background: #99aa99;
}

body, .fullyHeight {
  	height: 100%;
}

.fullWidth {
	width: 100%;
}

body, input, textarea, a, button {
	font: small Verdana, Sans-serif;
	font-size: 0.8em;
}

.gwt-HTML, .gwt-Label, .gwt-TextArea, .gwt-Button, .gwt-TabBarItem, .gems-MenuItem, .gems-Crumb, .gems-SignPost, legend { 
	font: small Verdana, Sans-serif;
	font-size: 0.7em;
}

.gwt-TabBarItem {
  padding: 1px 4px 1px 4px;
}

h1,h2,h3,h4,h5,h6 {
	color: #335588;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0.4em;
}

h1 {font-size: 1.35em;}
h2 {font-size: 1.25em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}

a {
 color:#358;
 text-decoration:none;
 border-bottom:1px dotted #469;
}

a:hover{
 color:#933;
}

div#displayAreaBreadcrumbs a {
 color:#77aacc;
 text-decoration:none;
 border-bottom:1px dotted #469;
}

div#displayAreaBreadcrumbs a:hover {
 	color:white;
	font-weight: bold;
}

div#displayAreaPage {
	margin-top: 0%;
	margin-left: 3.25%;
	margin-bottom: 0%;
	margin-right: 3.25%;
}

div#displayAreaTopStrip, div#displayAreaBreadcrumbs {
	color: #ffa;
	background: #223344;
	height: 20px;
	width: 100%;
}

div#displayAreaBanner {
	background: white;
	height: 80px;
	width: 100%;
}

div#displayAreaActionBar {
	height: 30px;
	width: 100%;
	background-color: ThreeDFace;
	border-bottom: 1px solid ThreeDHighlight;
}

div#displayAreaContent {
	background: #ccccbb;
	min-height: 100px;
}

div#displayAreaContentEast {
	float: right;
	width: 150px;	
}

div#displayAreaContentWest {
	float: left;
	width: 150px;	
}

div#displayAreaContentSouth {
  clear:both;
}

div#displayAreaFooter {
	text-align: center;
	background: #223344;
	color: #77bba4;
	font-size: 0.6em; 
	clear: both;
}

div#breadcrumbPath {
	float: left;
}

div#breadcrumbTimeDialRef {
	float: right;
	color: white; 
	background-color: red;
}

div#breadcrumbTimeDialRef a {
	color: black;
}

.gems-FishEyeBar {
	position: relative; 
}	

.gems-FishEyeItem {
	position: absolute; 
	z-index: 5;
}

.gems-FishEyeItemImage {
	border: 0px;
	position: absolute;
}

.gems-FishEyeItemLabel {
	font-size: 0.6em;
	background-color: #eee;
	border: 2px solid #666;
	padding: 2px;
	text-align: center;
	position: absolute;
}

.gems-FishEyeItem.selected {
	display: block;
}

.gems-Form {
	/* essential css */
	position: absolute;
	overflow: visible;		/* so drop shadow is displayed */
	z-index: 10;

	/* styling css */
	border: 1px solid;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	background-color: ThreeDFace;
}

.gems-Form .Caption {
	background-color: #7596c6;
	color: white;
	overflow: hidden;
	border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
	vertical-align: middle;
	z-index: 10;
	margin: 2px 2px 2px 2px;
	padding: 2px;
}

.Caption tbody tr td .gwt-HTML {
	font-size: 0.9em;
}

.gems-Form .Status {
}

.gwt-TabPanel {
  background-color: #fcfcfe;
}

.gwt-TabPanelBottom {
  border-left: 1px solid #919b9c;
  border-right: 1px solid #919b9c;
  border-bottom: 1px solid #919b9c;
}

.gwt-TabBar {
  background-color: ThreeDFace;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #919b9c;
  padding: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #9db1ba;
  padding: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  background-color: #f0f0eb;
  border-top: 1px solid #9db1ba;
  border-bottom: 1px solid #9db1ba;
  border-left: 1px solid #9db1ba;
  border-right: 1px solid #9db1ba;
  padding: 2px;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #fcfcfe;
  border-top: 1px solid #919b9c;
  border-left: 1px solid #919b9c;
  border-right: 1px solid #919b9c;
  border-bottom: 1px solid #fcfcfe;
  padding: 2px;
  cursor: default;
}

.gems-ListViewContainer { /* IE only hack */
	width: 100%;
	border: 1px solid #ccc;
	overflow-x: hidden;
	overflow-y: auto;
}


/* Listview detail mode */
.gems-ListView {
	font: small Verdana, Sans-serif;
	width: 100%;
	border: 1px solid #ccc;
	cursor: default;
}

.gems-ListView thead tr th {
	padding: 2px;
	border-right: 1px solid #999;
	background: #f0eede;
}

.gems-ListViewScrollContent {
	overflow-x: hidden;
	overflow-y: auto;
}

.gems-ListViewScrollContent tr td {
	background: #ffffff;
	padding: 0px;
}

.gems-ListViewScrollContent tr td.selected {
	color: white;
	background: navy;
}

.gems-ListViewScrollContent tr td.sortCol {
	background: #f7f7f7;
}

.gems-ListView thead tr th.asc:after {
	content: "^";
}

/* Listview icon mode */

.gems-ListViewContainer div.gems-IconView {
	background: #ffffff;
	color: black;
}

.gems-ListViewContainer div.gems-IconView div.gems-LvIcon,
.gems-ListViewContainer div.gems-IconView div.selected {
	text-align: center;
	width: 110px;
	height: 110px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 5px;
}


.gems-ListViewContainer div.gems-IconView div.selected {
	color: white;
	background: navy;
}

.gems-ListViewContainer div.gems-IconView div.gems-LvCaption {
	vertical-align: bottom;
	whiteSpace: wrap;
	background: #ffffff;
	color: black;
}

.gems-ListViewContainer div.gems-IconView div.gems-LvIcon img {
	width: 64;
	height: 64;
}

.gems-BreadcrumbBar {
  cursor: default;
}

.gems-BreadcrumbBar .gems-Crumb {
  padding: 1px 4px 1px 4px;
  cursor: default;
}

.gems-BreadcrumbBar .gems-SignPost {
  padding: 1px 4px 1px 4px;
  cursor: default;
}

.gems-BreadcrumbBar .gwt-MenuItem-selected {
  background-color: navy;
  color: white;
}

.gems-MenuItem-disabled .gems-HtmlSpan {
	color: grey;
}

.gems-MenuBar, .gems-ContextMenu {
  /*
  background-color: #C3D9FF;
  border: 1px solid #87B3FF; */
  cursor: default;
}

.gems-MenuBar .gems-MenuItem, .gems-ContextMenu .gems-MenuItem {
  padding: 1px 4px 1px 4px;
  cursor: default;
}

.gems-MenuBar .gems-MenuItem-selected, .gems-ContextMenu .gems-MenuItem-selected {
  background-color: navy;
  color: white;
}

.gems-ContextMenu {
  border: 1px solid black;
  padding: 0px;
}



/* Jump Explorer */
#jumpExplorerWindow {
	top: 0;
	left: 0;
	width: 350px;
	height: 500px;
}

/* Jump Myspaces */
#jumpMyspacesWindow {
	width: 350px;
	height: 500px;
}


/* Jump FileUpload */
#jumpFileUploadDialog {
}
